const path = require('path');

function resolve(dir) {
	return path.join(__dirname, dir)
}
module.exports = {
	runtimeCompiler: true,
	productionSourceMap: false,
	configureWebpack: {
		devtool: 'source-map'
	},
	css: {
		loaderOptions: {
			sass: {
				sassOptions: {
					outputStyle: "expanded"
				}
			},
			scss: {
				data: `@import "@/styles/theme.scss";`,
			}
		}
	},
	chainWebpack(config) {
		config.module.rule('svg').exclude.add(resolve('src/assets/icons')).end()
		config.module.rule('icons').test(/\.svg$/).include.add(resolve('src/assets/icons')).end()
			.use('svg-sprite-loader').loader('svg-sprite-loader').options({ symbolId: 'icon-[name]' }).end()
	}
}